.diseaseList {
  position: relative;
  min-height: calc(100vh - 64px - 295px - 48px); // 减去头部、底部、padding的高度

  .header {
    margin-bottom: 24px;
  }

  .list {
    margin: 24px 0;
    padding-bottom: 60px; // 为分页组件留出空间
  }

  .listItem {
    cursor: pointer;
    transition: all 0.3s;
    padding: 24px;

    &:hover {
      background-color: #f5f5f5;
    }

    .content {
      width: 100%;

      .body {
        display: flex;
        gap: 24px;

        .image {
          flex-shrink: 0;
          width: 200px;
          height: 150px;
          border-radius: 4px;
          overflow: hidden;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .info {
          flex: 1;
          overflow: hidden;

          .header {
            display: flex;
            align-items: center;
            margin-bottom: 16px;

            .title {
              margin: 0;
              margin-right: 12px;
              font-size: 18px;
              color: #1890ff;
            }
          }

          .section {
            margin-bottom: 12px;

            strong {
              color: #333;
              margin-right: 8px;
            }

            p {
              margin: 8px 0 0;
              color: #666;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis;
            }
          }
        }
      }
    }
  }

  .pagination {
    position: absolute;
    bottom: 24px;
    right: 24px;
    padding: 16px 0;
    background-color: #fff;
  }

  @media (max-width: 768px) {
    .listItem {
      .content {
        .body {
          flex-direction: column;
          gap: 16px;

          .image {
            width: 100%;
            height: 200px;
          }
        }
      }
    }
  }
} 